$(function () {

});

function searchData() {
    var table = layui.table, layer = layui.layer;

    table.init('serviceTable',{
        data: [
            {
                id:1,
                "HJSZD": "白云区",
                "XM": "谭**",
                "XJH": "LG440111*****213",
                "BJ": "大一班",
                "XB": "男",
                "ZGJYJ": "广东省佛山市南海区教育局",
                "NJ": "",
                "XXMC": "佛山市南海区大沥慧思中英文幼儿园"
            }
        ]
        , toolbar: true
        , title: '幼儿园学生学籍信息'
        , page: true
    });

    //监听行工具事件
    table.on('tool(serviceTable)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data //获得当前行数据
            , layEvent = obj.event; //获得 lay-event 对应的值

        if (layEvent === 'detail') {
            loadDetail(data.id)
        }
    });
}

function loadDetail(id) {
    var data = [
        {
            id:1,
            "HJSZD": "白云区",
            "XM": "谭**",
            "XJH": "LG440111*****213",
            "BJ": "大一班",
            "XB": "男",
            "ZGJYJ": "广东省佛山市南海区教育局",
            "NJ": "",
            "XXMC": "佛山市南海区大沥慧思中英文幼儿园"
        }
    ];


    var data0 = data[parseInt(id) - 1]
    $('#detailD').html(template('detailDS',{data:data0}));
    layer.open({
        type: 1,
        content: $("#detail"),
        area: ['900px', '550px'],
        title: '幼儿园学生学籍信息详情',
        maxmin: true,
        shade: 0,
        cancel: function () {
            $("#detail").hide()
        }
    });


}